
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>桌面通知提醒</title>
<link rel="stylesheet" type="text/css" href="theme/layui/css/layui.css">
<script src="theme/default/Js/jquery-3.0.0.min.js"></script>
<style>
html { background: none; }
body { background-color: transparent; }
.notice-content ul { margin-top:30px;}
.notice-content ul li { border-bottom:1px dashed #ddd; }
.notice-content ul li a { color:#444343; display:block; line-height:25px; }
.notice-content ul li a:hover { color:#f00; }
.notice-content ul li:last-child { border:none; }
.r { float:right; line-height:24px; }
.layui-tab { margin:0; }
.layui-tab-title { border-bottom:1px solid #A7A6A6; height:30px; width:100%; position:fixed; top:0; background:#fff; }
.layui-tab-title li { height:30px; line-height:30px; }
.layui-tab-brief>.layui-tab-title .layui-this { color:#1FD0BF; }
.layui-tab-title .layui-this:after { height:31px; }
.layui-tab-content { padding:5px 10px; }
</style>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li>跟单</li><li>合同</li><li>工单</li><li>生日</li>
  </ul>
  <div class="layui-tab-content" style="min-height: 100px;">
  

    <div class="layui-tab-item">
      <div class="notice-content">
      
        <ul>
          
          <li class='none'> <a href="kehu_Gendan.html?cId=4&LaiLu=" class="top-open-app">[跟进中] 自来水公司 <span class="r" >12-28&nbsp;10:00</span></a></li>
          
        </ul>
      </div>
    </div>

    <div class="layui-tab-item">
      <div class="notice-content">
        <ul>
          
          <li > <a href="kehu_Hetong.html?&cId=4" class="top-open-app">自来水公司 <span class="r" >2018-01-01</span></a></li>
          
          <li class='none'> <a href="kehu_Hetong.html?cId=3" class="top-open-app">北京市第二监狱 <span class="r" >2019-12-12</span></a></li>
          
        </ul>
      </div>
    </div>

 
<style>
.gdjl{ padding-left:55px; line-height:22px;}
.gdjl a{ color:#F00; display:block;}
.gdjl a span{ float:right; color:#999;}
</style>

    <div class="layui-tab-item">
      <div class="notice-content">
        <ul>
          
                
                        
          <li class='none'> <a style="min-height:55px;" href="crm/gongdanlist.asp?otype=Main&wtype=2" class="top-open-app">[未处理]  [订单配送] 123<span class="r" style="color:#ff0000;">12-20  ~ 12-21</span></a></li>
          
    
        </ul>
      </div>
    </div>

    
    <div class="layui-tab-item">

      <div class="notice-content">
        <ul>
          
          <div class='none'>抱歉,暂无相关记录!</div>
          
        </ul>
      </div>
      
    </div>
  </div>
</div>
<script>
$(".layui-tab-title").children("li").eq(0).addClass("layui-this");
$(".layui-tab-content").children(".layui-tab-item").eq(0).addClass("layui-show");
</script>
<script src="theme/layui/layui.js"></script> 
<script src="theme/desktop/js/common.js"></script> 
<script>
layui.use('element', function(){
  var $ = layui.jquery
  ,element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块
  
  
  $('.site-demo-active').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
});
</script>

<script>
/*弹出窗口封装代码*/
$(".open-app").on("click",function(){
	var width = $(this).data("width")?$(this).data("width"):900,//获得宽度
	height = $(this).data("height")?$(this).data("height"):400//获得高度
	url = $(this).attr("href")//获得打开URL
	title = $(this).attr("title");//获得标题	
	$.dialog.open(url, {title: title, width:width,height:height, fixed: true});
	return false;	
})
</script>

</body>
</html>
